<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

    
    用户名：<input type="text">
    <input type="button" value="验证">
    <script>
        //    -------------------------验证一个用户名不能包含数字！！！！！！！
        var val = document.getElementsByTagName('input')[0];
        var btn = document.getElementsByTagName('input')[1];
        btn.onclick = function () {
            var arr= [];
            for(var i = 0;i<val.value.length;i++){
                arr.push(val.value.substring(i,i+1));
                if (!isNaN(arr[i])){
                    alert("用户名不能包含数字!");
                    return false;
                }else{
                    alert("合法的用户名!");
                    return true;
                }
            }

        }




        //使用set快速解构去重
        // var arr = [11,11,11,11,22,22,22,22,33,33];
        // var set = new Set(arr);
        // console.log(...set);
        // let mySet = new Set();
        // mySet.add(1); // Set(1) {1}
        // mySet.add(5);
        // var o = {a:1,b:2};
        // mySet.add(o);
        // console.log(...mySet);

        // mySet.add("some text"); // Set(3) {1, 5, "some text"}
        // var o = {a: 1, b: 2};
        // mySet.add(o);
        // mySet.add({a: 1, b: 2}); // o 指向的是不同的对象，所以没问题
        // console.log(mySet.has(8));              // true
        // // mySet.has(Math.sqrt(25));  // true
        // // mySet.has("Some Text".toLowerCase()); // true
        // // mySet.has(o); // true
        // //
        // // mySet.size; // 5
        // //
        // // mySet.delete(5);  // true,  从set中移除5
        // mySet.has(5);     // false, 5已经被移除
        // //

        // mySet.size; // 4, 刚刚移除一个值
        //
        // for (let item of mySet) {
        //     console.log('result:'+item)
        // }






        // console.log(mySet); // Set {1, "some text", Object {a: 1, b: 2}, Object {a: 1, b: 2}}
        //


        // const items = new Set([1, 2, 3, 4, 5]);
        // const array = Array.from(items);
        // console.log(array);


        // 用Set构造器将Array转换为Set
        // var myArray = ["value1", "value2", "value3"];
        // var mySet = new Set(myArray);
        //
        // mySet.has("value1"); // returns true
        //
        // // 用...(展开操作符)操作符将Set转换为Array
        // console.log([...mySet]); // 与myArray完全一致

        // var country = 'chinese';

        // var mySet = new Set(text);  // Set {'I', 'n', 'd', 'i', 'a'}
        //
        // mySet.size;  // 5
        // console.log(mySet);
        // for (let item of mySet) console.log(item);

        // var arr = country.split('');
        // console.log(arr);


        // var arr = [];
        // for(var i=0;i<country.length;i++){
        //     arr.push(country.substring(i,i+1));
        // }
        // console.log(arr);



    </script>
</body>
</html>